<template>
  <div>
    <p>文本差值: {{message}}</p>
    <p>JS 表达式: {{ flag ? 'yes' : 'no'}}(只能是表达式，不能是js语句)</p>
    <p :id="dynamicId">动态属性id</p>
    <hr>
    <p v-html="rawHtml">
      <span>有xss风险</span>
      <span>会覆盖起子元素</span>
    </p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      message: 'hello',
      flag: true,
      rawHtml: '<h1>I am Web </h1>',
      dynamicId: `id_${Date.now()}`
    }
  }
}
</script>

<style></style>
